﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UcRelatedProduct.ascx.cs" Inherits="ShopFine.userControls.UcRelatedProduct" %>
<ul class="hProductItems clearfix">
    <li class="span3 clearfix">
        <div class="thumbnail">
            <a href="#">
                <img src="img/212x192.jpg" alt=""></a>
        </div>
        <div class="thumbSetting">
            <div class="thumbTitle">
                <a href="#" class="invarseColor">Foliomania the designer portfolio brochure
                </a>
            </div>
            <div class="thumbPrice">
                <span>$150.00</span>
            </div>

            <div class="thumbButtons">
                <button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
                    <i class="icon-shopping-cart"></i>
                </button>
                <button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
                    <i class="icon-heart"></i>
                </button>

                <button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
                    <i class="icon-refresh"></i>
                </button>
            </div>

            <ul class="rating">
                <li><i class="star-on"></i></li>
                <li><i class="star-on"></i></li>
                <li><i class="star-on"></i></li>
                <li><i class="star-on"></i></li>
                <li><i class="star-off"></i></li>
            </ul>
        </div>
    </li>
    <li class="span3 clearfix">
        <div class="thumbnail">
            <a href="#">
                <img src="img/212x192.jpg" alt=""></a>
        </div>
        <div class="thumbSetting">
            <div class="thumbTitle">
                <a href="#" class="invarseColor">Foliomania the designer portfolio brochure
                </a>
            </div>
            <div class="thumbPrice">
                <span>$150.00</span>
            </div>

            <div class="thumbButtons">
                <button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
                    <i class="icon-shopping-cart"></i>
                </button>
                <button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
                    <i class="icon-heart"></i>
                </button>

                <button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
                    <i class="icon-refresh"></i>
                </button>
            </div>

            <ul class="rating">
                <li><i class="star-on"></i></li>
                <li><i class="star-on"></i></li>
                <li><i class="star-on"></i></li>
                <li><i class="star-off"></i></li>
                <li><i class="star-off"></i></li>
            </ul>
        </div>
    </li>
    <li class="span3 clearfix">
        <div class="thumbnail">
            <a href="#">
                <img src="img/212x192.jpg" alt=""></a>
        </div>
        <div class="thumbSetting">
            <div class="thumbTitle">
                <a href="#" class="invarseColor">Foliomania the designer portfolio brochure
                </a>
            </div>
            <div class="thumbPrice">
                <span>$150.00</span>
            </div>

            <div class="thumbButtons">
                <button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
                    <i class="icon-shopping-cart"></i>
                </button>
                <button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
                    <i class="icon-heart"></i>
                </button>

                <button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
                    <i class="icon-refresh"></i>
                </button>
            </div>
        </div>
    </li>
</ul>
